<template>
  <div id="app" class="container">
    <!-- <nav>
        顶部的导航
    </nav> -->
    <nav-bar></nav-bar>

    <div class="col-md-2">
      <!-- 侧边栏 col-md-2 bootstrap中的栅格系统 -->
      <my-aside></my-aside>
    </div>
    <div class="col-md-10">
      <!-- 路由容器 -->
      <router-view></router-view>
    </div>

  </div>
</template>

<script>
// 1.导入NavBar.vue
import NavBar from './components/NavBar.vue'

import MyAside from './components/MyAside.vue'

// 默认导出
export default {
  // 约定组件的名字。在调试工具中方便调试
  name: 'App',
  // 这里有一个组件的嵌套
  // 2. 在components中注册一下你引入的子组件
  components: {
    "NavBar": NavBar,
    MyAside
  }
}
</script>

<style>

</style>
